<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<title>Vue插槽-插槽内容</title>
</head>
<body>
	<div id="app">
		<navigation-link url="/profile">
		  Your Profile
		  <h1>Test</h1>
		</navigation-link>
	</div>
	
</body>
</html>
<script type="text/javascript">
	Vue.component('navigation-link',{
		props: ['url'],
		template: '<a v-bind:href="url" > <slot></slot> </a>'
		// template: '<a v-bind:href="url" ></a>'
	});
	
	var app=new Vue({
		el:'#app'
	});
</script>